﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:ec="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions" 
    x:Class="PicturePuzzle.MainPage"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="False">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,15,28" Background="{StaticResource PhoneContrastBackgroundBrush}" Canvas.ZIndex="1">
        	<TextBlock x:Name="PageTitle" Margin="100,14,43,0" Style="{StaticResource PhoneTextTitle1Style}" FontWeight="ExtraBold" FontStretch="UltraExpanded" FontFamily="Bauhaus 93" Width="310"><TextBlock.Foreground>
        			<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
        		</TextBlock.Foreground><Run Text="Sh"/><Run Text="u"/><Run Text="ZZle"/></TextBlock>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="Columns" Grid.Row="1" Margin="9,-8,15,8" Background="{StaticResource PhoneBackgroundBrush}">
            
            <!--Create a single button to navigate to the second page which is rendered with the XNA Framework-->
            <Button x:Name="Start_Shuzzle" Content="ShuZZle" Margin="78,459,77,92" BorderBrush="{x:Null}" Foreground="{StaticResource PhoneAccentBrush}" FontFamily="Bauhaus 93" FontSize="48">
            	<Button.Background>
            		<RadialGradientBrush>
            			<GradientStop Color="Black" Offset="1"/>
            			<GradientStop Color="White"/>
            		</RadialGradientBrush>
            	</Button.Background>
            	<i:Interaction.Triggers>
            		<i:EventTrigger EventName="Click">
            			<ec:NavigateToPageAction TargetPage="/GamePage.xaml"/>
            		</i:EventTrigger>
            	</i:Interaction.Triggers>
            </Button>
            <Slider x:Name="Row_Slider" Margin="79,75,77,0" VerticalAlignment="Top" Width="300" Minimum="2" SmallChange="1" Height="86"/>
            <Slider x:Name="Column_Slider" Margin="79,151,77,0" Width="300" Minimum="2" SmallChange="1" Height="114" VerticalAlignment="Top"/>
            <Slider x:Name="Shake_Slider" Margin="80,256,76,312" Width="300" Minimum="1" SmallChange="1" Maximum="5"/>
            <TextBlock Height="54" Margin="79,52,164,0" TextWrapping="Wrap" Text="Rows" VerticalAlignment="Top" FontSize="26.667" Foreground="{StaticResource PhoneAccentBrush}"/>
            <TextBlock Height="54" Margin="79,151,164,0" TextWrapping="Wrap" Text="Columns" VerticalAlignment="Top" FontSize="26.667" Foreground="{StaticResource PhoneAccentBrush}" d:LayoutOverrides="VerticalAlignment"/>
            <TextBlock Height="54" Margin="79,239,164,0" TextWrapping="Wrap" Text="Shake Effect" VerticalAlignment="Top" FontSize="26.667" Foreground="{StaticResource PhoneAccentBrush}"/>
        </Grid>
    </Grid>
 
    <!--Sample code showing usage of ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>